<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- JQuery for JConfirmation -->
<script type="text/javascript"
	src="<c:url value="/resources/script/jquery/jconfirmaction.jquery.js"/>"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.del').jConfirmAction();
	});
</script>
<!-- End of JConfirmation -->
</head>
<body>
	<div>
		<table>
			<!-- 
			<tr>
				<th align="left"><h2></h2></th>
				<th><a href="<c:out value="/master/artikel/insertArtikel"/>" class="bt_green"><span
						class="bt_green_lft"></span><strong>Buat Artikel Baru</strong><span
						class="bt_green_r"></span> </a></th>
			</tr>
			 -->
			<tr>
				<td colspan="2">

					<table id="rounded-corner" summary="Blog Project">
						<thead>
							<!-- <tr>
								<th scope="col" class="rounded-company"><input
									type="checkbox" onClick="toggle(this)" /></th>
								<th scope="col" class="rounded"><b>Judul</b></th>
								<th scope="col" class="rounded"><b>Tanggal</b></th>
								<th scope="col" class="rounded"><b>Edit</b></th>
								<th scope="col" class="rounded-q4"><b>Delete</b></th>
							</tr>
							 -->
						</thead>
						<tbody>
							<c:forEach items="${artikels}" var="artikel" varStatus="status">
								<c:out value="${artikel.judul}" /><br>
								<c:out value="${artikel.artikel}" /><br>
								<c:out value="${artikel.tanggal}" />
							</c:forEach>
					</table>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>